<div id="splash-info">
	<div class="topShadow"></div>
		<div class="splash">
		  <div class="clear"></div>
			<div class="infograph">
				<h3 class="hNTHead">What is Next Twist?</h3>
				<img src="img/600.jpg" width="600"  />
			</div>
			<?php if(!is_logged_in()){ ?>
				<div class="teaser">
					<h3>Next Twist</h3>
					<ul>
						<li class="des-li">Next Twist is a fun hangout that crowdsources creativity and facilitates social networking based on shared interests.</li>
						<li class="des-li">Users contribute sentences to write a 100 posts long story.</li>
						<li class="des-li">Story lines are crowd-conjured and chosen by the community.</li>
						<li class="des-li">Engaging stories full of twists are born in real time.</li>
					</ul>
				</div>
				<div class="clear"></div>
				<a class="startUsing btnB" href="index.php?page=hot">Start Exploring Now</a>
			<?php } else { ?>
				<div id="startTour" class="startUsing btnO" >Start a 10 seconds tour now</div>
			<?php } ?>
		</div>
	<div class="bottomShadow"></div>
</div>

<div id="content" style="display: none;">
	<div id="newStory" class="">
		<form id="fNewStory" method="POST">
			<div class="formNameWrap"><label>Give a title to your story</label></div>
			<input id="sTitle" name="stryTitle" class="inputItem" placeholder="Johny's Life" ></input>
		</form>
		<div id="tour-start" class="tour-msg">
			<div class="triangle"></div>
			<h4>Start a new story</h4>
			<p>Post the title and the first line of your story here.<p>
			<div id="tour-story" class="btnB">Next</div>
		</div>
	</div>

	<div class="topShadow"></div>
	<div class="story">
	<!-- Story list -->
		<h1>Remembering Budha</h1> 
		<ul id="updates" class="timeline"> 
			<li class="eachLine" data-id="1">
						<div class="strMta left">1</div> 
						<div class="strLine left">
							<p>I met Ngilyang Budha for the first time when I was probably five years old.</p>
							<div class="lineMta">
								<div class='lineMtaItemOne hide'>
									<span class='timeagoIcon'></span>
									<abbr class='timeago' title='about 17 days ago'>about 17 days ago</abbr>
									<span class='showElines'>Show twists</span>
								</div>
							</div>
						</div> 
						 <div class="strInfo left"> 
							<a href="index.php?page=profile&id=2" class="avatar"><img src="users/Apr2012/2/small.jpg" width="40" height="40"></a> 
							<a href="index.php?page=profile&id=2" class="username"><span class="left">Travelling Soul</span></a> 
							<div class="rep left"> 
								<span class="bronze"></span><span class="credits">Newbie</span> 
							</div> 
						</div> 
						<div class="clear"></div>
					</li>
					<li class="eachLine" data-id="2">
						<div class="strMta left">2</div> 
						<div class="strLine left">
							<p>I'm 30 now; but the memories are so clearly imprinted in my head that I feel I met him just days ago!</p>
							<div class="lineMta">
								<div id="reveal-meta" class='lineMtaItemOne hide'>
									<span class='timeagoIcon'></span>
									<abbr class='timeago' title='about 13 days ago'>about 13 days ago</abbr>
									<span class='showElines'>Show twists</span>
								</div>
							</div>
						</div> 
						 <div class="strInfo left"> 
							<a href="index.php?page=profile&id=1" class="avatar"><img src="users/Apr2012/1/small.jpg" width="40" height="40"></a> 
							<a href="index.php?page=profile&id=1" class="username"><span class="left">Ptamzz</span></a> 
							<div class="rep left"> 
								<span class="bronze"></span><span class="credits">Newbie</span> 
							</div> 
						</div> 
						<div class="clear"></div>
						
						
						
						<div class='viewEntryLines hide'>
							<div class='eTwistsClose'>^</div>
							<ul id='etwists' class='timeline' data-id='86'>
								<li class='eachLine box'> 
									<div class='el left' style='width: 445px;'>
										 <p>I remember it clearly. It was on a bright sunny day and the sun was extra scorching when he offered me some water.</p>
										 <input id='hiddenid' value='' type='hidden'/>
										<div class='elLineMta'>
											<div class='lineMtaItemOne'><span class='timeagoIcon'></span><abbr class='timeago' title='about 7 months ago'>about 7 months ago</abbr></div>
										</div>
									</div> 
									<div class='elVote left' style='width: 25px;'> 
										<div class='pushUp'>
											<input name='voteCount' type='button' value='4' class='showVote green'/> 
										</div> 
										<div class='clear'></div> 
										<div class='pushDwn'>
											<input name='voteCount' type='button' value='0' class='showVote red'/> 
										</div> 
									</div>
									<div class='elInfo left' style='width: 45px;'> 
										<a href='index.php?page=ptamzz' class='avatar'><img src='http://www.nexttwist.com/users/Apr2012/1/small.jpg' width='40' height='40' /></a> 
									</div> 
									<div class='clear'></div> 
								</li>
								<li class='eachLine box'> 
									<div class='el left' style='width: 445px;'>
										 <p>I'd heard so much about him from my father who worships him like a God.</p>
										 <input id='hiddenid' value='' type='hidden'/>
										<div class='elLineMta'>
											<div class='lineMtaItemOne'><span class='timeagoIcon'></span><abbr class='timeago' title='about 7 months ago'>about 7 months ago</abbr></div>
										</div>
									</div> 
									<div class='elVote left' style='width: 25px;'> 
										<div class='pushUp'>
											<input name='voteCount' type='button' value='2' class='showVote green'/> 
										</div>
										<div class='clear'></div> 
										<div class='pushDwn'>
											<input name='voteCount' type='button' value='0' class='showVote red'/> 
										</div> 
									</div>
									<div class='elInfo left' style='width: 45px;'> 
										<a href='index.php?page=prabinpebam' class='avatar'><img src='http://www.nexttwist.com/users/Sep2011/10/small.jpg' width='40' height='40' /></a> 
									</div> 
									<div class='clear'></div> 
								</li>
							</ul>
						</div>

						<!-- Story lines ends --> 
						<div id="tour-showTwists" class="tour-msg">
							<div class="triangle"></div>
							<h4>Reveal Twists</h4>
							<p>Click on the 'show twists' link for each story line to reveal the top twists that did not make to the story.<p>
							<div id="tour-twists" class="btnB">Next</div>
						</div>
						<img id="tour-showTwists-img" src="<?php echo DOMAIN; ?>/img/curved_arrow_red.png" class="tour-msg" />




					</li>
					<li id="entryForm" class="eachLine" data-id="3"> 
						<div class="strMta left">3</div> 
						<div class="strLine left">
							<form id="addForm" class="newline" method="POST">
								<textarea id="newline" name="newline" cols="" rows="" placeholder="Submit your next twist." class="elastic oneSixty" style="overflow-x: hidden; overflow-y: hidden; "></textarea>
								<input id="lineId" name="lineId" type="hidden" value="3">
								<input id="storyId" name="storyId" type="hidden" value="1">
								<input class="submitEL right btnB limitBtn post-btn" type="button" value="Post New Line" post-btn="">
							<div style="word-wrap: break-word; font-weight: normal; width: 430px; font-family: monospace; line-height: normal; font-size: 13px; padding-left: 0px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; position: absolute; display: none; ">&nbsp;</div></form>
							<div class="clear"></div>
						</div><div class="clear"></div> 
					</li>        </ul>
	<!-- Story lines ends --> 
		<div id="tour-storyline" class="tour-msg">
			<div class="triangle"></div>
			<h4>The Story lines</h4>
			<p>Read the main story here. Use the text field at the end to submit your own next line as continuation to the story.<p>
			<div id="tour-entry" class="btnB">Next</div>
		</div>
	</div>
	<div class="bottomShadow"></div>
		<div id="elPaneWrap" class="">
		<div id="twistTopS" class="topShadow"></div>
		<!-- Entry Lines starts -->
		<div id="twists" class="eLine" style="min-height: 263px; "> 
			<h1>Vote the Next Twist</h1> 
			<ul id="ntwists" class="timeline" data-id="1"><li id="newline1" class="eachLine box"> 
						<div class="elMta left"><input id="line1" value="x" data-delvalue="77" class="del hide " name="del" type="button" disabled="disabled"></div> 
						<div class="el left">
							 <p>he was a person that made people like me think,,
"is this a person or god",he was someone with a simple cloth on him that made me wonder </p>
							 <input id="hiddenid1" value="77" type="hidden">
							<div class="elLineMta">
								<div class="lineMtaItemOne"><span class="timeagoIcon"></span><abbr class="timeago" title="about 11 hours ago">about 11 hours ago</abbr></div>
								<div class="lineMtaItem"><a href="index.php?page=story&id=1"><span class="fbShareIcon" data-stryid="" data-eline="he%20was%20a%20person%20that%20made%20people%20like%20me%20think%2C%2C%0A%26quot%3Bis%20this%20a%20person%20or%20god%26quot%3B%2Che%20was%20someone%20with%20a%20simple%20cloth%20on%20him%20that%20made%20me%20wonder%20" data-line="newline1" data-uid="77"><span class="iconText">Share</span></span></a></div>
								<div class="lineMtaItem"><a href="index.php?page=story&id=1"><span data-count="1" data-id="77" class="flagIcon"><span class="iconText">Flag Post</span></span></a></div>
							</div>
						</div> 
						<div class="elVote left"> 
							<div class="pushUp">
								<span id="voteUp1" data-count="1" data-vote="2" data-uid="77" class="voteUpIcon voteUp"></span>
								<input id="countUp1" name="voteCount" type="button" value="2" class="showVote green"> 
							</div> 
							<div class="clear"></div> 
							<div class="pushDwn">
								<span id="voteDwn1" data-count="1" data-vote="0" data-uid="77" class="voteDownIcon voteDwn"></span>
								<input id="countDwn1" name="voteCount" type="button" value="0" class="showVote red"> 
							</div> 
						</div>
						<div class="elInfo left"> 
							<a href="index.php?page=profile&id=57" class="avatar"><img src="img/placeholder.png" width="40" height="40"></a> 
							<a href="index.php?page=profile&id=57" class="username"><span class="left">mohnae</span></a> 
							<div class="rep left"> 
								<span class="bronze"></span><span class="credits">Newbie</span> 
							</div>
						</div> 
						<div class="clear"></div> 
					</li><li id="newline2" class="eachLine box"> 
						<div class="elMta left"><input id="line2" value="x" data-delvalue="83" class="del hide " name="del" type="button" disabled="disabled"></div> 
						<div class="el left">
							 <p>And this is my story of the journey to see the great saint of the age. For 7 straight days I had to hike up the hill before I finally reach his temple.</p>
							 <input id="hiddenid2" value="83" type="hidden">
							<div class="elLineMta">
								<div class="lineMtaItemOne"><span class="timeagoIcon"></span><abbr class="timeago" title="about 8 hours ago">about 8 hours ago</abbr></div>
								<div class="lineMtaItem"><a href="index.php?page=story&id=1"><span class="fbShareIcon" data-stryid="" data-eline="And%20this%20is%20my%20story%20of%20the%20journey%20to%20see%20the%20great%20saint%20of%20the%20age.%20For%207%20straight%20days%20I%20had%20to%20hike%20up%20the%20hill%20before%20I%20finally%20reach%20his%20temple." data-line="newline2" data-uid="83"><span class="iconText">Share</span></span></a></div>
								<div class="lineMtaItem"><a href="index.php?page=story&id=1"><span data-count="2" data-id="83" class="flagIcon"><span class="iconText">Flag Post</span></span></a></div>
							</div>
						</div> 
						<div class="elVote left"> 
							<div class="pushUp">
								<span id="voteUp2" data-count="2" data-vote="1" data-uid="83" class="voteUpIcon voteUp"></span>
								<input id="countUp2" name="voteCount" type="button" value="1" class="showVote green"> 
							</div> 
							<div class="clear"></div> 
							<div class="pushDwn">
								<span id="voteDwn2" data-count="2" data-vote="0" data-uid="83" class="voteDownIcon voteDwn"></span>
								<input id="countDwn2" name="voteCount" type="button" value="0" class="showVote red"> 
							</div> 
						</div>
						<div class="elInfo left"> 
							<a href="index.php?page=profile&id=1" class="avatar"><img src="users/Apr2012/1/small.jpg" width="40" height="40"></a> 
							<a href="index.php?page=profile&id=1" class="username"><span class="left">Ptamzz</span></a> 
							<div class="rep left"> 
								<span class="bronze"></span><span class="credits">Newbie</span> 
							</div>
						</div> 
						<div class="clear"></div> 
					</li></ul> 
			
			<div id="tour-entryline" class="tour-msg">
				<div class="triangle"></div>
				<h4>The Next Twists</h4>
				<p>These are the user submitted twists in continuation to the story above. Vote your favorite line to make it become the next line of the main story.<p>
				<div id="tour-end" class="btnB">End</div>
			</div>
		</div>  
		<!-- Entry Line ends -->
		<div id="twistBottomS" class="bottomShadow"></div>
	</div>

</div>